
.red-wall
    width: 100%;
    border-radius: 27px;
    background: linear-gradient(225deg, #c50b0b, #a60909);
    box-shadow:  -20px 20px 42px #9c0909,
                20px -20px 42px #d40c0c;

    font-size 96px;
    text-align: center;
    line-height: 1.25;


.num
    color: #d40c0c
    font-size: 1.5rem


.number-display
    background: linear-gradient(135deg, #ff7e5f, #feb47b) // 渐变色背景
    border-radius 15px
    box-shadow 0 8px 30px rgba(0, 0, 0, 0.2)
    padding-top 28px
    padding-buttom: 10px
    text-align center
    transition all 0.3s ease
    max-width 100%
    overflow hidden
    line-height: 0.8;

    &:hover
        box-shadow 0 12px 40px rgba(0, 0, 0, 0.3)
        transform translateY(-5px)

.number-text
    font-size 3rem // 大字体
    color #ffffff // 显眼的字体颜色
    font-weight bold
    text-shadow 2px 2px 5px rgba(0, 0, 0, 0.3)
    line-height: 1;
    margin-buttom: 10px
    padding-buttom: 10px



.word-paragraph
    background-color #ffffff
    border-radius 12px
    box-shadow 0 6px 30px rgba(0, 0, 0, 0.15)
    padding 30px
    max-width 600px
    text-align center
    transition all 0.3s ease
    position relative
    overflow hidden

    &:hover
        box-shadow 0 12px 40px rgba(0, 0, 0, 0.25)
        transform translateY(-5px)

    &:before
        content ''
        position absolute
        top 0
        left 0
        right 0
        height 10px
        background-color #007BFF
        border-radius 12px 12px 0 0

.word-text
    font-size 24px
    color #333
    line-height 1.6
    font-weight bold
    text-shadow 1px 1px 2px rgba(255, 255, 255, 0.7)